import React, {Component} from 'react';

import Child1 from "./Child1";
import Child2 from "./Child2";

// 通过父组件的状态来实现子组件之间的信息传递
// 如果有多个组件共享一个数据，把这个数据放到共同的父级组件中来管理
export default class Parend extends Component {
    // 设置一个state来储存Child1传递过来的信息
    state = {
        data: ''
    }

    handleReceiveData(data){
        this.setState({data})
    }

    render() {
        return (
            <>
                <Child1 onReceiveData={this.handleReceiveData.bind(this)}/>
                <Child2 data={this.state.data}/>
            </>
        );
    }
}